<template lang="html">
  <el-form ref="form" class="page-header" :inline="true" :model="form" label-suffix=":">
    <el-row :gutter="10">
      <el-col :xs="8" :sm="6" :md="5">
        <el-form-item label="任务名称" prop="taskName">
          <el-input v-model="form.taskName" placeholder="请输入" @keyup.enter.native="doSearch" />
        </el-form-item>
      </el-col> 

      <el-col :xs="8" :sm="7" :md="4">
        <div style="width: 300px">
          <el-button icon="el-icon-search" @click="doSearch">搜索</el-button>
          <el-button icon="el-icon-refresh" @click="doReset">重置</el-button>
        </div>
      </el-col>
    </el-row>
  </el-form>
</template>

<script>
import pageHeaderMixin from "mixins/pageHeaderMixin";

export default {
  mixins: [pageHeaderMixin],
  data() {
    return {
      form: {
        taskName: "", 
      },
    };
  },
};
</script>
